<template>
    <div class="circle clearfix">

        <ul>
            <li v-for="(i,k) in movieList" :key="k">
                <img :src="i.img" alt="">
                <p>{{i.text}}</p>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "circle",
        props:['movieList']
    }
</script>

<style scoped lang="less">
    .circle{
        margin-bottom: 20px;
        ul{
            li{
                width: 60px;
                margin-right: 20px;
                float: left;
                img{
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                }
                p{
                    width: 60px;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;
                    color: #666666;
                    text-align: center;
                }
            }
        }

    }

</style>